body{
  // overflow-y: hidden;
  // overflow: auto;
  // height: 100%;
  // overflow: hidden;
  }
html{
  font-size: 1rem;
  // height: 100%; 
 
}
.Layoutclass{
  background-color: black;
  height: 56.25rem;

}

.headerimg{
  background-image: url('../../../../../public/可视化2.png');
  background-position:50%;
   height: calc(6rem - 0.5rem);
   color: white;
  font-size: 1.875rem; 

}

.timestyle{
  display: flex;
  justify-content: start;
  align-items: center;
  .btnclass{
    margin-left: 0.625rem;
  }

}
.headflex{
  display: flex;
  justify-content: center;
  // align-items: center;
  line-height: 5rem;
  font-size: 2.5rem;
  
}
.headbtn{
  display: flex;
  justify-content: end;
  
    align-items: center;
}


.mainclass{
  background-color: black;
  background-image: url('../../../../../public/可视化3.png')  ;
  background-size:100% 100%;
  color: white;
  height: 12.5rem;
  margin-top: 1.25rem;
}
.h2class{
  font-size: 1.25rem;
  color: white;
  margin-left: 3.125rem;
  margin-top: 0.3125rem;
}
.h3class{
  font-size: 1.25rem;
  color: white;
  margin-left: 1.875rem;
  margin-top: 0.3125rem;
 
}
.borderstyle1{
  display: inline-block;
   width: 3.125rem;
   height: 3.125rem;
   border-radius: 50%;
   color: #00AB96;
   text-align: center;
   font-size: 1.25rem;
   line-height: 3.125rem;
   border:0.125rem solid #00AB96
  

}
.spanclass{
  // display: inline-block;
  // font-size: 1.25rem;
}
.borderstyle2{
  display: inline-block;
   width: 3.125rem;
   height: 3.125rem;
   border-radius: 50%;
   color: #0292E8;
   text-align: center;
   font-size: 1.25rem;
   line-height: 3.125rem;
   border:0.125rem solid #0292E8
}
.borderstyle3{
  display: inline-block;
   width: 3.125rem;
   height: 3.125rem;
   border-radius: 50%;
   color: #99A526;
   text-align: center;
   font-size: 1.25rem;
   line-height: 3.125rem;
   border:0.125rem solid #99A526
}
.borderstyle4{
  display: inline-block;
   width: 3.125rem;
   height: 3.125rem;
   border-radius: 50%;
   color: #0098B2;
   text-align: center;
   font-size: 1.25rem;
   line-height: 3.125rem;
   border:0.125rem solid #0098B2
}
.borderstyle5{
  display: inline-block;
   width: 3.125rem;
   height: 3.125rem;
   border-radius: 50%;
   color: #EC808D;
   text-align: center;
   font-size: 1.25rem;
   line-height: 3.125rem;
   border:0.125rem solid #EC808D
}
.borderstyle6{
  display: inline-block;
   width: 3.125rem;
   height: 3.125rem;
   border-radius: 50%;
   color: rgb(0, 192, 178);
   text-align: center;
   font-size: 1.25rem;
   line-height: 3.125rem;
   border:0.125rem solid rgb(0, 192, 178)
}
.borderstyle7{
  display: inline-block;
   width: 3.125rem;
   height: 3.125rem;
   border-radius: 50%;
   color: #95F204;
   text-align: center;
   font-size: 1.25rem;
   line-height: 3.125rem;
   border:0.125rem solid #95F204
}



.boximg{
  background-image: url('../../../../../public/可视化4.png');
  background-size:100% 100%;
  height: 6.25rem;
  line-height: 6.25rem;
  // margin-left: 2.375rem
  // padding: 1rem;
  
}
.box{
  padding:0 1.2rem;
  box-sizing: border-box;
}
.rowclass{
 margin-top: 1.875rem;
}
.footclass{
  background-color:black ;
  color: white;
  padding: 0.9375rem ;
}
.echartsimg{
  
  background-image: url('../../../../../public/可视化3.png');
  height: 21.875rem;
  background-size:100% 100%;
  background-color: black;
  padding: 0.5rem;
  margin-bottom: 2.5rem;
  margin-top: 1.25rem;
  overflow: hidden;
}

.echartsimg2{
  background-image: url('../../../../../public/可视化3.png');
  height: 21.875rem;
  background-size:100% 100%;
  background-color: black;
  margin-left:1.875rem;
  margin-right: 1.875rem;
  margin-bottom: 2.5rem;
   margin-top: 1.25rem;
   overflow: hidden;
}